<template>
  <div class="user-container">
    <user-header></user-header>
    <div class="user-center-container">
      <user-menu></user-menu>
      <router-view></router-view>
    </div>
  </div>
</template>
<script>
import { mapGetters, mapActions } from 'vuex'
import UserHeader from 'components/Header.vue'
import UserMenu from 'components/UserMenu.vue'
import UserWallet from 'components/UserWallet.vue'
import PurchaseOrder from 'components/PurchaseOrder.vue'
import ExpressOrder from 'components/ExpressOrder.vue'
import UserInformation from 'components/UserInformation.vue'
import UserAddress from 'components/UserAddress.vue'
import EditPassword from 'components/EditPassword.vue'

export default {
  components: {
    'user-header': UserHeader,
    'user-menu': UserMenu,
    'user-wallet': UserWallet,
    'purchase-order': PurchaseOrder,
    'express-order': ExpressOrder,
    'user-information': UserInformation,
    'user-address': UserAddress,
    'edit-password': EditPassword
  },
  // data() {
  //   return {
  //     userWalletShow: false,
  //     purchaseOrderShow: false,
  //     expressOrderShow: false,
  //     userInformationShow: true,
  //     userAddressShow: false,
  //     editPasswordShow: false
  //   }
  // },
  computed: mapGetters({}),
  filters: {},
  methods: {
    ...mapActions({})
    // judgeIsUserWallet() {
    //   return this.$route.path === '/user/wallet'
    // },
    // judgeIsExpressOrder() {
    //   return this.$route.path === '/user/expressorder'
    // },
    // judgeIsPurchaseOrder() {
    //   return this.$route.path === '/user/purchaseorder'
    // },
    // judgeIsUserInformation() {
    //   return this.$route.path === '/user/userinformation'
    // },
    // judgeIsUserAddress() {
    //   return this.$route.path === '/user/useraddress'
    // },
    // judgeIsEditPassword() {
    //   return this.$route.path === '/user/editpassword'
    // }
  },
  mounted: function() {}
}
</script>
<style scoped>
.user-container {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  background-color: #f7f7f7;
}
.user-center-container {
  /* position: absolute;
  bottom: 0; */
  width: 1200px;
  /* height: 100%; */
  margin-left: auto;
  margin-right: auto;
  /* background-color: red; */
}
</style>